<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>个人中心</title>
	<link rel="stylesheet" type="text/less" href="./style/main.less" />
	<link rel="stylesheet" href="./style/bootstrap.min.css" />
	<link rel="stylesheet" href="./style/font-awesome.min.css">
	<script type="text/javascript" src="./js/less-1.7.5.min.js"></script>
	<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>	
</head>
<body>
<!-- 头部开始 -->
<div id="top">
	<div class="nav">
		<div class="left">
			<a href="">小米网</a>
			<span>|</span>
			<a href="">MIUI</a>
			<span>|</span>
			<a href="">米聊</a>
			<span>|</span>
			<a href="">游戏</a>
			<span>|</span>
			<a href="">多看阅读</a>
			<span>|</span>
			<a href="">云服务</a>
			<span>|</span>
			<a href="">小米网移动版</a>
		</div>
		<div class="right">
			<a href="">登录</a>
			<span>|</span>
			<a href="">注册</a>
		</div>
	</div>
	<div class="logo">
		<a href=""><img src="./images/logo.png" alt="" /></a>
		
		<a class="action" href="">疯狂十一 100万台小米手机免预约购买 </a>
		<form action="" class="search">
			<input type="text" class="search-text" placeholder="搜索你需要的商品" />
			<a href="" class="fa fa-search btn" ></a>
		</form>
		<div class="cart">
			<div class="cart_section">
				<i class="fa fa-shopping-cart"></i>
				<a href="">购物车</a>
			</div>
			<div class="cart_list" style="display:none">
				<p>购物车中还没有商品，赶紧选购吧！</p>
				<p>购物车中还没有商品，赶紧选购吧！</p>
				<p>购物车中还没有商品，赶紧选购吧！</p>
				<p>购物车中还没有商品，赶紧选购吧！</p>
				<p>购物车中还没有商品，赶紧选购吧！</p>
			</div>
		</div>
	</div>
	<div class="menu">
		<div class="left menu_left">
			<h2>全部商品分类</h2>
			<i class="fa fa-angle-down fa-2x"></i>
			<ul class="list"  style="display:none">
				<li class="one">
					<div class="box">
						<a class="category" href="">购买手机</a>
						<div class="box_down">
							<a href="">小米4</a>
							<a href="">小米3</a>
							<a href="">红米</a>
							<a href="">红米NOTE</a>
						</div>
						<div class="box_right" style="display:none">
							<ul>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
							</ul>
							<div class="other">
								<p>优选配件</p>
								<p><a href="">小米手环 79</a></p>
								<p><a href="">小米活塞耳机 99</a></p>
							</div>
						</div>
					</div>
				</li>
				<li class="one">
					<div class="box">
						<a class="category" href="">购买手机</a>
						<div class="box_down">
							<a href="">小米4</a>
							<a href="">小米3</a>
							<a href="">红米</a>
							<a href="">红米NOTE</a>
						</div>
						<div class="box_right" style="display:none">
							<ul>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
							</ul>
							<div class="other">
								<p>优选配件</p>
								<p><a href="">小米手环 79</a></p>
								<p><a href="">小米活塞耳机 99</a></p>
							</div>
						</div>
					</div>
				</li>
				<li class="one">
					<div class="box">
						<a class="category" href="">购买手机</a>
						<div class="box_down">
							<a href="">小米4</a>
							<a href="">小米3</a>
							<a href="">红米</a>
							<a href="">红米NOTE</a>
						</div>
						<div class="box_right" style="display:none">
							<ul>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
							</ul>
							<div class="other">
								<p>优选配件</p>
								<p><a href="">小米手环 79</a></p>
								<p><a href="">小米活塞耳机 99</a></p>
							</div>
						</div>
					</div>
				</li>
				<li class="one">
					<div class="box">
						<a class="category" href="">购买手机</a>
						<div class="box_down">
							<a href="">小米4</a>
							<a href="">小米3</a>
							<a href="">红米</a>
							<a href="">红米NOTE</a>
						</div>
						<div class="box_right" style="display:none">
							<ul>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
							</ul>
							<div class="other">
								<p>优选配件</p>
								<p><a href="">小米手环 79</a></p>
								<p><a href="">小米活塞耳机 99</a></p>
							</div>
						</div>
					</div>
				</li>
				<li class="one">
					<div class="box">
						<a class="category" href="">购买手机</a>
						<div class="box_down">
							<a href="">小米4</a>
							<a href="">小米3</a>
							<a href="">红米</a>
							<a href="">红米NOTE</a>
						</div>
						<div class="box_right" style="display:none">
							<ul>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
							</ul>
							<div class="other">
								<p>优选配件</p>
								<p><a href="">小米手环 79</a></p>
								<p><a href="">小米活塞耳机 99</a></p>
							</div>
						</div>
					</div>
				</li>
				<li class="one">
					<div class="box">
						<a class="category" href="">购买手机</a>
						<div class="box_down">
							<a href="">小米4</a>
							<a href="">小米3</a>
							<a href="">红米</a>
							<a href="">红米NOTE</a>
						</div>
						<div class="box_right" style="display:none">
							<ul>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
							</ul>
							<div class="other">
								<p>优选配件</p>
								<p><a href="">小米手环 79</a></p>
								<p><a href="">小米活塞耳机 99</a></p>
							</div>
						</div>
					</div>
				</li>
				<li class="one">
					<div class="box">
						<a class="category" href="">购买手机</a>
						<div class="box_down">
							<a href="">小米4</a>
							<a href="">小米3</a>
							<a href="">红米</a>
							<a href="">红米NOTE</a>
						</div>
						<div class="box_right" style="display:none">
							<ul>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
							</ul>
							<div class="other">
								<p>优选配件</p>
								<p><a href="">小米手环 79</a></p>
								<p><a href="">小米活塞耳机 99</a></p>
							</div>
						</div>
					</div>
				</li>
				<li class="one">
					<div class="box">
						<a class="category" href="">购买手机</a>
						<div class="box_down">
							<a href="">小米4</a>
							<a href="">小米3</a>
							<a href="">红米</a>
							<a href="">红米NOTE</a>
						</div>
						<div class="box_right" style="display:none">
							<ul>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
								<li><a href=""><img src="./images/min-phone.png" alt="" /><span>小米手机4</span></a></li>
							</ul>
							<div class="other">
								<p>优选配件</p>
								<p><a href="">小米手环 79</a></p>
								<p><a href="">小米活塞耳机 99</a></p>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="right menu_right">
			<ul>
				<li><a class="category" href="">首页</a></li>
				<li>
					<a class="category" href="javascript:;">小米手机</a>
					<div class="other" style="display:none" >
						<a class="other_chri" href="">
							<img src="./images/mid-phone.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
						<a class="other_chri" href="">
							<img src="./images/mid-phone-1.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
					</div>
				</li>
				<li>
					<a class="category" href="">红米</a>
					<div class="other" style="display:none">
						<a class="other_chri" href="">
							<img src="./images/mid-phone-1.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
						<a class="other_chri" href="">
							<img src="./images/mid-phone.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
					</div>
				</li>
				<li><a class="category" href="">小米平板</a></li>
				<li><a class="category" href="">小米电视</a></li>
				<li>
					<a class="category" href="">盒子</a>
					<div class="other" style="display:none">
						<a class="other_chri" href="">
							<img src="./images/mid-phone.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
						<a class="other_chri" href="">
							<img src="./images/mid-phone-1.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
					</div>
				</li>
				<li>
					<a class="category" href="">路由器</a>
					<div class="other" style="display:none">
						<a class="other_chri" href="">
							<img src="./images/mid-phone-1.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
						<a class="other_chri" href="">
							<img src="./images/mid-phone.png" alt="" />
							<div class="mes">
								<p class="title">小米手机4</p>
								<p class="content">工艺和手感超乎想象</p>
								<p class="price">1999元起</p>	
							</div>
						</a>
					</div>
				</li>
				<li><a class="category" href="">合约机</a></li>
				<li><a class="category" href="">服务</a></li>
				<li><a class="category" href="">社区</a></li>
			</ul>
		</div>
	</div>
</div>
<!-- 头部结束 -->
<!-- 内页位置开始 -->
<div id="postion">
	<a href="">首页</a>/
	<a href="">所有配件</a>/
	<a href="">保护套与贴膜</a>/
</div>
<!-- 内页位置结束 -->
<div id="menber">
	<!-- 左侧开始 -->
	<div class="left">
		<div class="menber_box">
			<h2>个人中心</h2>
			<ul>
				<li><a href="">我的个人中心</a></li>
				<li><a href="">我的订单</a></li>
				<li><a href="">商品评价</a></li>
				<li><a href="">我的收藏</a></li>
			</ul>
		</div>
		<div class="menber_box">
			<h2>售后服务</h2>
			<ul>
				<li><a href="">换货单</a></li>
				<li><a href="">退货单</a></li>
				<li><a href="">维修单</a></li>
			</ul>
		</div>
		<div class="menber_box">
			<h2>账户管理</h2>
			<ul>
				<li><a href="">收货地址管理</a></li>
				<li><a href="">修改密码</a></li>
			</ul>
		</div>
	</div>
	<!-- 左侧结束 -->
	<!-- 右侧开始 -->
	<div class="right">
		<div class="menber_info">
			<img class="photo" src="./images/photo.jpg" alt="" />
			<p class="hello">leoma1986下午好～</p>
			<p class="safe">账户安全级别：<span></span> 普通 <a href="">如何提高安全级别？</a></p>
		</div>
		<div class="menber_order">
			<div class="title">
				<span class="order_left">未支付订单</span>
				<span class="order_right">更多></span>
			</div>
			<ul class="order_list">
				<li>
					<a class="goods" href=""><img src="./images/car_goods.jpg" alt="" /><span>订单号：1141006360266201</span></a>
					<span class="price">¥49.00 在线支付</span>
					<a href="" class="details">订单详情</a>
					<a href="" class="pay">立即支付</a>
				</li>
				<li>
					<a class="goods" href=""><img src="./images/car_goods.jpg" alt="" /><span>订单号：1141006360266201</span></a>
					<span class="price">¥49.00 在线支付</span>
					<a href="" class="details">订单详情</a>
					<a href="" class="pay">立即支付</a>
				</li>
				<li>
					<a class="goods" href=""><img src="./images/car_goods.jpg" alt="" /><span>订单号：1141006360266201</span></a>
					<span class="price">¥49.00 在线支付</span>
					<a href="" class="details">订单详情</a>
					<a href="" class="pay">立即支付</a>
				</li>
			</ul>
		</div>
		<div class="menber_order">
			<div class="title">
				<span class="order_left">未收货订单</span>
				<span class="order_right">更多></span>
			</div>
			<ul class="order_list">
				<li>
					<a class="goods" href=""><img src="./images/car_goods.jpg" alt="" /><span>订单号：1141006360266201</span></a>
					<span class="price">¥49.00 在线支付</span>
					<a href="" class="details">订单详情</a>
					<a href="" class="pay">确认收货</a>
				</li>
				<li>
					<a class="goods" href=""><img src="./images/car_goods.jpg" alt="" /><span>订单号：1141006360266201</span></a>
					<span class="price">¥49.00 在线支付</span>
					<a href="" class="details">订单详情</a>
					<a href="" class="pay">确认收货</a>
				</li>
				<li>
					<a class="goods" href=""><img src="./images/car_goods.jpg" alt="" /><span>订单号：1141006360266201</span></a>
					<span class="price">¥49.00 在线支付</span>
					<a href="" class="details">订单详情</a>
					<a href="" class="pay">确认收货</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 右侧结束 -->
</div>
<!-- // 服务样式开始 -->
<div id="footer">
	<ul class="serve">
		<li>
			<a href="">
				<i class="fa fa-wrench fa-2x"></i>
				<span>1小时快修服务</span>
			</a>
		</li>
		<li>
			<a href="">
				<i class="fa fa-history fa-2x"></i>
				<span>7天无理由退货</span>
			</a>
		</li>
		<li>
			<a href="">
				<i class="fa fa-refresh fa-2x"></i>
				<span>15天免费换货</span>
			</a>
		</li>
		<li>
			<a href="">
				<i class="fa fa-gift fa-2x"></i>
				<span>满150元包邮</span>
			</a>
		</li>
		<li>
			<a href="">
				<i class="fa fa-phone-square fa-2x"></i>
				<span>460余家售后网点</span>
			</a>
		</li>
	</ul>
	<div class="other">
		<dl>
			<dt>帮助中心</dt>
			<dd><a href="">购物指南</a></dd>
			<dd><a href="">支付方式</a></dd>
			<dd><a href="">配送方式</a></dd>
		</dl>
		<dl>
			<dt>帮助中心</dt>
			<dd><a href="">购物指南</a></dd>
			<dd><a href="">支付方式</a></dd>
			<dd><a href="">配送方式</a></dd>
		</dl>
		<dl>
			<dt>帮助中心</dt>
			<dd><a href="">购物指南</a></dd>
			<dd><a href="">支付方式</a></dd>
			<dd><a href="">配送方式</a></dd>
		</dl>
		<dl>
			<dt>帮助中心</dt>
			<dd><a href="">购物指南</a></dd>
			<dd><a href="">支付方式</a></dd>
			<dd><a href="">配送方式</a></dd>
		</dl>
		<dl>
			<dt>帮助中心</dt>
			<dd><a href="">购物指南</a></dd>
			<dd><a href="">支付方式</a></dd>
			<dd><a href="">配送方式</a></dd>
		</dl>
		<div class="phone">
			<p class="phones">400-100-5678</p>
			<p class="time">国庆假期 9:00 - 18:00 </p>
			<p class="data">（10月1日 - 7日）</p>
			<a class="hours">24不时在线客服</a>
		</div>
	</div>
	<p class="copyright">©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号</p>
</div>
<!-- // 服务样式结束 -->
</body>
</html>